<template>
  <div class="select-box">
    <a-space>
      <a-select v-model:value="result" popupClassName="custom-select" style="width: 100px;" placeholder="全部类型"  >
        <a-select-option value="全部类型">全部类型</a-select-option>
        <a-select-option value="阈值类">阈值类</a-select-option>
        <a-select-option value="离线类">离线类</a-select-option>
        <a-select-option value="故障类">故障类</a-select-option>
      </a-select>
    </a-space>
    <a-input-search
      placeholder="搜索事件"
      style="width: 200px"
      v-model:value="search"
    />
  </div>
</template>
<script setup>
import './select.scss'
import {ref,watchEffect} from 'vue'
import emitter from '@/utils/eventBus';

const result = ref('全部类型')

// 触发事件（改变类型）
watchEffect(()=>{
  emitter.emit("changeType",result.value);
})


const search = ref('');

watchEffect(()=>{
  emitter.emit("changePos",search.value);
})




</script>

<style lang="scss">



</style>